<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
	<head>
		<base href="<%=basePath%>">
		<title>Registe</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		
		
		<link rel="stylesheet" type="text/css" href="<%=basePath%>css/user/style.css"/>
		
	  	<!-- modernizr enables HTML5 elements and feature detects -->
	  	<script type="text/javascript" src="<%=basePath%>js/user/private/modernizr-1.5.min.js"></script>
	  	
	  	<script type="text/javascript" src="<%=basePath%>js/jquery-1.9.1.js"></script>
	  	<script type="text/javascript" src="<%=basePath%>js/ajax.js"></script>
	  	<script type="text/javascript" src="<%=basePath%>js/user/register.js"></script>
  	
  		<link rel="stylesheet" type="text/css" href="<%=basePath%>css/user/common.css"/>
	  	<style type="text/css">
			.vfcd{
				width:200px;
			}
			
			.content_item p{
				margin-bottom:0;
			}
			
			.content_item label{
				font-size:90%;
			}
			
			.content_item input{
				margin-top:0;
			}
			
			#tvc img{
				display:inline-block;
				margin-bottom:-8px;
				padding-left:10px;
			}
			
			#tvc a:hover{
				text-decoration:underline;
			}
	  	</style>
		
	</head>
	
	<body>
	
		
	<div id="main">
    <header>
	  <div id="header_container">
		  <div id="logo">
			<div id="logo_text">
			  <!-- class="logo_colour", allows you to change the colour of the text -->
			  <h1><a href="#">Tarena<span class="logo_colour">_Java</span></a></h1>
			</div>
		  </div>
		  <ul id="sign">
			<li><a href="#">登录</a></li>
			<li><a href="#">注册</a></li>
		  </ul>
	  </div>
    </header>

	
    <div id="site_content">
	  <div class="content">
    	<div class="colRight description about">
            <h1>欢迎登录</h1>
			
			<form class="content_item" id="register" method="post" name="register" action="user/userAction!register">
				<p>
					<label for="proxyId">账　　号：</label><br/>
					<input id="proxyId" name="user.proxyId" value="常用邮箱/手机号" type="text" class="radius inputStyle"/>
					<span id="idInfo" class="info">　</span>
				</p>
				
				<p>
					<label for="password">密　　码：</label><br/>
					<input type="password" id="password" name="user.password" value="_shi4927" class="radius inputStyle"/>
					<span id="pwdInfo" class="info">　</span>
				</p>
				
				<p>
					<label for="rePassword">确认密码：</label><br/>
					<input type="password" id="rePassword" name="rePassword" value="_shi4927" class="radius inputStyle"/>
					<span id="rePwdInfo" class="info">　</span>
				</p>
				
				<p>
					<label for="vc">验 证 码：</label><br/>
					<input type="text" id="vc" name="vc" value="" class="radius inputStyle vfcd" onFocus="showImage(this)"/><!-- vfcd -- > verifycode -->
					<span id="tvc"></span>
					<span id="vcInfo" class="info">　</span>
				</p>
				
				<p class="submit_container">
					<input id="handin" name="handin" value="注  册" type="submit" class="radius inputStyle submitcs"/>

					<!-- <input id="save_pwd" name="save_pwd" type="checkbox" class="savePwd"/>
					<label for="save_pwd" class="checkbx" style="font-size:80%">记住账户密码</label> -->
				</p>
				
				<p style="display:none">
					<span id="logMsg"></span>
				</p>
			</from>
        </div>
		<!-- <div id="plugLogin">
			<h1 style="background:#ccc" class="form_strip">第三方登录</h1>
			
			<div class="plugLogin" style="padding-left:35px; margin-bottom:35px">
				<h3 style="font-family:'Microsoft YaHei'; color:#555; margin-bottom:35px">第三方账号登录</h3>
				
				<div id="plugs" style="padding-left:5px;">
					<a href="#"><img src="../../images/login/qq.png" alt="QQ"/></a>
					<span>　　　</span>
					<a href="#"><img src="../../images/login/sina.png" alt="新浪微博" style="padding-bottom:8px"/></a>
				</div>
			</div>
		</div>-->
	  </div>

	  <div id="sidebar_container">
		  <div class="sidebar">
			<h3>MORE</h3>
			<div class="lostpwdFrom" style="padding-left:20px;margin:40px 0;">
				<form id="lostPwd" name="lostPwd" method="get" action="#">

					<input id="nickname" name="user.nickname" type="text" value="账号..." class="radius inputStyle" style="font-size:120%; color:#ccc"/><br/>

					<input type="submit" value="忘记密码" class="radius inputStyle submit" style="background-color:#88E2F8; border:none; color:white; padding:0;height:25px; width:60px; margin-top:10px;" />
				</form>
			</div>
		  </div>
	  </div>

    </div>
    <footer>
      <p><a href="#">Home</a> | <a href="examples.html">Examples</a> | <a href="#">A Page</a> | <a href="#">Another Page</a> | <a href="#">Contact Us</a></p>
      <p>Copyright &copy; NB-Tarena | <a href="#">Managerment</a></p>
    </footer>
  </div>

  <!-- javascript at the bottom for fast page loading -->
</body>
</html>